// 选择图片
$('.choose-img').on('click', function () {
    $('.file').click()
})
// 裁剪
// 初始化裁剪
// 获取img的jquery对象
const $avatar = $('.avatar')
const option = {
    // 图片宽高比
    aspectRatio: 1,
    // 预览区域
    preview: '.img-preview'
}
$avatar.cropper(option)

$('.file').change(function () {
    if (this.files.length === 0) return
    const imgSrc = URL.createObjectURL(this.files[0])

    $avatar.attr('src', imgSrc).cropper('destroy').cropper(option)
})

// 上传图片
$('.upload').on('click', function () {
    const base64 = $avatar.cropper('getCroppedCanvas', {
        width: 100,
        height: 100
    }).toDataURL('image/png')

    $.ajax({
        method: 'PATCH',
        url:'/my/update/avatar',
        data: {
            avatar: base64
        },
        success: function (res) {
            console.log(res);
            if (res.code === 0) {
                window.parent.getUserinfo()
            }
        }
    })
})